<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">   
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">   
<script type="text/javascript" src="easyui/jquery.min.js"></script>   
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script> 
<script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script> 
</head>
<!-- 
标签：
声明控件：class="easyui-控件名"，例如：class="easyui-dialog"
控件属性：data-options="属性名:'属性值',属性名:'属性值'"，例如：data-options="iconCls:'icon-save',resizable:true
控件事件：data-options="属性名:'属性值',事件名:function(){}"，
Js:
声明控件：$(选择器).控件名({
  属性名：属性值，
   属性名：属性值，
  事件名：function(){},
   事件名：function(){}
});

如何调用控件已有的方法：
 $(选择器).控件名("方法名", "方法参数");
 -->
 <script type="text/javascript">
  function goURL(url,n) {
	  //alert(url);
	  //先判断该面板是否存在
	 if( $('#tt').tabs('exists',n)){
		 //存在就选 中它
		 $('#tt').tabs('select',n);
	 }else{
		// 添加一个未选中状态的选项卡面板
		   $('#tt').tabs('add',{
		   	title:n,
		   	closable:true,
		   	//href:url  //不加载body外的代码
		   	content:"<iframe src='"+url+"' title='"+n+"' height='100%' width='100%' frameborder='0px'/>"
		   });
	 }
	  
	  
  }
 </script>
<body>

 <div id="cc" class="easyui-layout" data-options="fit:true" style="width:600px;height:400px;">   
    <div data-options="region:'north',title:'欢迎使用点餐后台管理系统',split:true,border:true" style="height:100px;"></div>   
    <div data-options="region:'south',title:'版本信息',split:true" style="height:100px;"></div>   
    <div data-options="region:'east',iconCls:'icon-reload',title:'新闻公告',split:true" style="width:180px;"></div>   
    
    <div data-options="region:'west',title:'导航菜单',split:true,collapsible:false" style="width:180px;">
       <div id="aa" class="easyui-accordion" data-options="fit:true,animate:false" style="width:300px;height:200px;">   
		    <div title="系统管理" data-options="iconCls:'icon-reload'" style="padding:10px;">   
		        <a id="btn1" href="#" class="easyui-linkbutton" onclick="goURL('test2.html','部门管理')" data-options="iconCls:'icon-search'">部门管理</a> 
		        <a id="btn2" href="#" class="easyui-linkbutton" onclick="goURL('menu/info.action','菜单管理')" data-options="iconCls:'icon-search'">菜单管理</a> 
		        <a id="btn3" href="#" class="easyui-linkbutton" onclick="goURL('test1.html','用户管理')" data-options="iconCls:'icon-search'">用户管理</a>  
		        <a id="btn3" href="#" class="easyui-linkbutton" onclick="goURL('role/info.action','角色管理')" data-options="iconCls:'icon-search'">角色管理</a> 
		    </div> 
		    <div title="商品管理" data-options="iconCls:'icon-reload'" style="padding:10px;">   
		        <a id="btn1" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">商品信息</a> 
		        <a id="btn2" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">商品上架</a> 
		        <a id="btn3" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">商品下架</a>     
		    </div>  
		     <div title="订单管理" data-options="iconCls:'icon-reload'" style="padding:10px;">   
		        content2    
		    </div>  
		    
		</div>     
    </div>   
   
   
    <div data-options="region:'center',title:'主要内容'" style="padding:5px;background:#eee;">
    	<div id="tt" class="easyui-tabs" data-options="fit:true"  style="width:500px;height:250px;">   
		    <div title="系统介绍" style="padding:20px;">   
		        点餐后台管理系统可以提供。。。。。。，为企业。。。。。    
		   <!--  </div>   
		    <div title="Tab2" data-options="closable:true" style="overflow:auto;padding:20px;display:none;">   
		        tab2    
		    </div>   
		    <div title="Tab3" data-options="iconCls:'icon-reload',closable:true" style="padding:20px;display:none;">   
		        tab3    
		    </div>    -->
		</div>  
    
    </div>   
</div>  
<div id="win"></div>
</body>

</html>